<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <link rel="icon" href="">
    <!--import bootstrap-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="{{ url_for('static',filename='frontend/libs/iconfont/iconfont.css') }}">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!--Custom styles-->
    <link rel="stylesheet" href="{{ url_for('static',filename='frontend/css/common.css') }}">
    {% block seo %}
        <title>Title</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
    {% endblock %}
    {% block style %}
    {% endblock %}
</head>
<body>
<!--navbar-->
{% block header %}
    {% include 'frontend/base/navbar.html' %}
{% endblock %}

<!--navbar end-->
<!--ad block-->
<!--<section class="ad">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
        </div>
    </div>
</section>-->
<!--ad block end-->
<!--banner-->
<!--<section class="banner">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-9">
                <div class="banner-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-3">
                <div class="banner-info">
                    <span>个人信息</span>
                    <hr>
                    <div style="width: 140px;margin: 10px"><img src="http://img.guohongfu.top/20190829154149.jpg" alt="..." class="img-circle img-responsive center center-block" style="width: 95px"></div>
                    <dl class="">
                        <dt>职业:</dt>
                        <dd>后端工程师</dd>
                        <dt>使用工具:</dt>
                        <dd>Python/Php/Bootstrap</dd>
                        <dt>现居:</dt>
                        <dd>深圳北</dd>
                    </dl>
                    <hr>
                    <span><i class="iconfont">&#xe6f5;</i></span>
                </div>
            </div>
        </div>
    </div>
</section>-->
<!--banner end-->
<!--位置导航-->
{% block position %}
    <section class="ng-navbar">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Library</a></li>
                        <li class="active">Data</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

<!--位置导航结束-->
<!--主体内容-->
<section class="main">
    <div class="container">
        <div class="row">
            {% block main %}
                <div class="col-xs-12 col-sm-9">
                    <div class="main-item media">
                        <div class="media-left media-middle hidden-xs">
                            <a href="">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                        </div>
                        <div class="media-body">
                            <h3><a href="#">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></h3>
                            <span class="pull-left"><i class="iconfont">&#xe72b;</i></span>
                            <ul class="list-inline">
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                            </ul>
                            <a href="" class="hidden-lg">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                            <p>
                                经过前面 的铺垫; 终于可以开始本篇 Laravel 教程了； 如果对 OAuth 和 JWT 还不是很了解； 建议先出门左转阅读上面链接中的系列文章；
                                我们先来回顾一下之前讲的
                                OAtuh 的四个角色；1. 资源服务器(resource server)：github 服务器2. 授权服务器(authorization server)：github
                                服务器3.
                                资源所有者(resource owner)：用户你4. 客户端(client)：第三方白俊遥博客
                            </p>
                        </div>
                        <div class="pull-left">
                            <ul class="list-inline">
                                <li style="line-height: 34px"><i class="iconfont">&#xe60b; </i>2019-05-19</li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe6e6; </i><span>邱锦</span></li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe719; </i><span><a
                                        href="#">Python</a></span>
                                </li>
                            </ul>
                        </div>
                        <div class="pull-right"><a href="#" class="btn btn-info">阅读更多</a></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="main-item media">
                        <div class="media-left media-middle hidden-xs">
                            <a href="">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                        </div>
                        <div class="media-body">
                            <h3><a href="#">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></h3>
                            <span class="pull-left"><i class="iconfont">&#xe72b;</i></span>
                            <ul class="list-inline">
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                            </ul>
                            <a href="" class="hidden-lg">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                            <p>
                                经过前面 的铺垫; 终于可以开始本篇 Laravel 教程了； 如果对 OAuth 和 JWT 还不是很了解； 建议先出门左转阅读上面链接中的系列文章；
                                我们先来回顾一下之前讲的
                                OAtuh 的四个角色；1. 资源服务器(resource server)：github 服务器2. 授权服务器(authorization server)：github
                                服务器3.
                                资源所有者(resource owner)：用户你4. 客户端(client)：第三方白俊遥博客
                            </p>
                        </div>
                        <div class="pull-left">
                            <ul class="list-inline">
                                <li style="line-height: 34px"><i class="iconfont">&#xe60b; </i>2019-05-19</li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe6e6; </i><span>邱锦</span></li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe719; </i><span><a
                                        href="#">Python</a></span>
                                </li>
                            </ul>
                        </div>
                        <div class="pull-right"><a href="#" class="btn btn-info">阅读更多</a></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="main-item media">
                        <div class="media-left media-middle hidden-xs">
                            <a href="">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                        </div>
                        <div class="media-body">
                            <h3><a href="#">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></h3>
                            <span class="pull-left"><i class="iconfont">&#xe72b;</i></span>
                            <ul class="list-inline">
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                            </ul>
                            <a href="" class="hidden-lg">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                            <p>
                                经过前面 的铺垫; 终于可以开始本篇 Laravel 教程了； 如果对 OAuth 和 JWT 还不是很了解； 建议先出门左转阅读上面链接中的系列文章；
                                我们先来回顾一下之前讲的
                                OAtuh 的四个角色；1. 资源服务器(resource server)：github 服务器2. 授权服务器(authorization server)：github
                                服务器3.
                                资源所有者(resource owner)：用户你4. 客户端(client)：第三方白俊遥博客
                            </p>
                        </div>
                        <div class="pull-left">
                            <ul class="list-inline">
                                <li style="line-height: 34px"><i class="iconfont">&#xe60b; </i>2019-05-19</li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe6e6; </i><span>邱锦</span></li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe719; </i><span><a
                                        href="#">Python</a></span>
                                </li>
                            </ul>
                        </div>
                        <div class="pull-right"><a href="#" class="btn btn-info">阅读更多</a></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="main-item media">
                        <div class="media-left media-middle hidden-xs">
                            <a href="">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                        </div>
                        <div class="media-body">
                            <h3><a href="#">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></h3>
                            <span class="pull-left"><i class="iconfont">&#xe72b;</i></span>
                            <ul class="list-inline">
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                                <li><a href="#">hello world</a></li>
                            </ul>
                            <a href="" class="hidden-lg">
                                <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object"
                                     style="height: 150px">
                            </a>
                            <p>
                                经过前面 的铺垫; 终于可以开始本篇 Laravel 教程了； 如果对 OAuth 和 JWT 还不是很了解； 建议先出门左转阅读上面链接中的系列文章；
                                我们先来回顾一下之前讲的
                                OAtuh 的四个角色；1. 资源服务器(resource server)：github 服务器2. 授权服务器(authorization server)：github
                                服务器3.
                                资源所有者(resource owner)：用户你4. 客户端(client)：第三方白俊遥博客
                            </p>
                        </div>
                        <div class="pull-left">
                            <ul class="list-inline">
                                <li style="line-height: 34px"><i class="iconfont">&#xe60b; </i>2019-05-19</li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe6e6; </i><span>邱锦</span></li>
                                <li style="line-height: 34px"><i class="iconfont">&#xe719; </i><span><a
                                        href="#">Python</a></span>
                                </li>
                            </ul>
                        </div>
                        <div class="pull-right"><a href="" class="btn btn-info">阅读更多</a></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            {% endblock %}
            {% block aside %}
                <div class="col-xs-12 col-sm-3">
                    <div class="main-item">
                        <div class="banner-info">
                            <span>个人信息</span>
                            <hr>
                            <div style="width: 140px;margin: 10px"><img
                                    src="http://img.guohongfu.top/20190829154149.jpg"
                                    alt="..."
                                    class="img-circle img-responsive center center-block"
                                    style="width: 95px"></div>
                            <dl class="dl-horizontal">
                                <dt>职业:</dt>
                                <dd>后端工程师</dd>
                                <dt>工具:</dt>
                                <dd>Python/Php/Bootstrap</dd>
                                <dt>现居:</dt>
                                <dd>深圳北</dd>
                            </dl>
                            <hr>
                            <span>你的强大不在你能战胜多少人，而是有多少人不战而知你强过他。</span>
                        </div>
                    </div>
                    <div class="main-item">
                        <div class="hot_article">
                            <h4>最新文章</h4>
                            <hr>
                            <ul>
                                {% for item in new_post %}
                                    <li>
                                        <a href="{{ url_for('frontend.frontend_post_details',title=item.title) }}">{{ item.name }}</a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                    <div class="main-item" >
                        <div class="hot_article">
                            <h4>本人推荐</h4>
                            <hr>
                            <ul>
                                {% for item in hot %}
                                    <li>
                                        <a href="{{ url_for('frontend.frontend_post_details',title=item.title) }}">{{ item.name }}</a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </div>
            {% endblock %}
        </div>

    </div>
</section>
<!--主体内容结束-->
<!--页脚-->
{% block footer %}
    {% include 'frontend/base/footer.html' %}
{% endblock %}
<!--页脚结束-->
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
{{ moment.include_moment() }}
{{ moment.lang('zh-CN') }}
{% block script %}
    <script>

    </script>
{% endblock %}
</html>